<template>
  <div class="global-content">
    <router-view v-slot="{ Component }" v-if="appStore.routerAlive">
      <!-- <lay-transition type="fade"> -->
          <component :is="Component" />
      <!-- </lay-transition> -->
    </router-view>
  </div>
</template>

<script lang="ts">
export default {
    name: "GlobalContent"
}
</script>

<script lang="ts" setup>
import { useAppStore } from "../../store/app";

const appStore = useAppStore();
</script>

<style scoped>
.global-content {
    height: calc(100% - 46px);
    overflow: auto;
}
</style>